<template>
    <div id="app" >
        <MyHeader v-if="!isLogin"/>
        <el-row>
            <el-col :span="!isLogin?4:8">
                <div class="grid-content ">
                    <MyAside v-if="!isLogin"/>
                </div>
            </el-col>
            <el-col :span="!isLogin?20:8">
                <router-view></router-view>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    import MyHeader from './header.vue'//顶部
    import MyAside from './aside.vue'//侧边
    export default {
        components: {
            MyHeader,
            MyAside
        },
        computed: {
            isLogin () {
                return /login/.test(this.$route.path);
            }
        }
    }
</script>
<style>
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.gray-light {
    background: #79aec8;
}

.font-blue {
    color: #fff;
    font-weight:bold;
    padding:0 20px;
    line-height:2
}

.content-margin {
    margin:20px 0px 30px 30px;

}



</style>